<template v-on="$listeners">
	<view class="submit-box">
		<view class="submit-btn" @click="submit">{{txt}}</view>
	</view>
</template>

<script>
	export default{
		props:{
			txt:String
		},
		methods:{
			submit(){
				this.$emit('submit')
			}
		}
	}
</script>

<style lang="scss" scoped>
	.submit-box{
		z-index: 99;
		position: fixed;
		bottom: 0;
		height: 220rpx;
		width: 100%;
		background-color: #fff;
		border-top: 1rpx solid #eee;
		padding-bottom: constant(safe-area-inset-bottom);
		.submit-btn{
			position: absolute;
			left: 50%;
			top: 40rpx;
			width: 85%;
			height: 80rpx;
			background-color: #3c9cff;
			transform: translateX(-50%);
			color: #fff;
			font-size: 15px;
			border-radius: 50rpx;
			text-align: center;
			line-height: 80rpx;
		}
		.submit-btn:hover{
			background-color: #96c1ff;
		}
	}
</style>